body {
    position:absolute;
    width: 100%;
    height: 100%;
    margin: 0;
  padding: 0;
  font: 15px "Microsoft YaHei", "微软雅黑", "宋体", helvetica,
  "Hiragino Sans GB";
}
#intro {
  position:absolute;
  text-align:right;
  right:5px;
  top:5px;
  color: rgb(2, 2, 177);
  z-index:3500;
}
#announcement {
  background-color: #fff;
  border:#333;
  margin: 8px 8px 4px 0px;
  box-shadow: 5px 5px 4px 0px #c2c2c2;
  border-style:solid;
  border-width: 1px;
  border-radius:4px;
  max-width:250px;
}
#relLinks {
  position:absolute;
  left:128px;
  top:8px;
  color: rgb(2, 2, 177);
  z-index:3500;
}
#introText {
  position: absolute;
  display: none;
  right:3px;
  top:12.1%;
  height: 45%;
  z-index:3500;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
  width: 240px;
  border-color: #222;
  border-radius: 7px;
  background-color:rgba(255,255,255, 0.95);
  font-size:15px;
  max-height: 500px;
  overflow-y:auto
}
#backToHome {
  position:absolute;
  left:10px;
  top:8px;
  z-index:3500;
}
#map {
    position:absolute;
    width: 100%;
    height: 100%;
	float: right;
}
#disclaimer {
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 3500;
  max-width: 65%;
  overflow-y:auto
}
#acknowledged {
  color: blue;
}
#hospitalDistrib {
  position: absolute;
  right: 0px;
  bottom: 323px;
  font-size:15px;
  z-index: 1500;
  background-color: #e2e2e2;
  opacity: 0.9;
  line-height: 26px;
}
.show-desig {
  position: absolute;

  left: calc(100% - 130px);
  width: 130px;
  top: calc(100% - 400px);
  height: 60px;

  font-size:16px;
  z-index: 1500;
  background-color: #e2e2e2;
  opacity: 0.9;
  line-height: 22px;
}
#loc {
  position:absolute;
  top:23px
}
#show-count {
  position: absolute;
  top:5px;
  left:6px;
  line-height: 17px;
  color: #9EA0A5;
}
.show-count-num {
  display: inline-block;
  color: black
}
.key-info.hospital-name {
  font-size:18px
}
#show-legend{
  position: absolute;
  top:1px;
}
#show-label {
  position: absolute;
  top:20px;

/* 
  left: calc(100% - 130px);
  width: 130px;
  top: calc(100% - 585px);
  height: 20px;

  font-size:16px;
  z-index: 1500;
  background-color: #e2e2e2;
  opacity: 0.9;
  line-height: 22px; */
}
.hospitalType {
  position: absolute;
  /* font-family: 'Arial'; */
  /* overflow-y:auto; */

  /* left: 6px; */
  width: 100%;
  /* top: 6px; */
  height: calc(20% - 1.5px);

  border-radius: 0px 0px 5px 5px;

  font-size:15px;
  z-index: 1500;
  background-color: #f2f2f2;
  opacity: 1;

  /* border-left-color: #d9d220;
  border-left-width: 1.5px;

  border-top-color: #d9d220;
  border-top-width: 1.5px;

  border-right-color: #d9d220;
  border-right-width: 1.5px; */

  border-bottom-width: 0px;
  /* border-style: solid; */
  border-width:0px
}
.dept {
  overflow-y:auto;
  position: absolute;
  height: 32px;
  width: 84px;
  /* height: calc(100% - 30px); */
  /* transform: translate(-50%, -50%); */
}
.dept-cont {
  overflow-y:auto;
  position: absolute;
  top:29px;
  left:5px;
  height:39px;
  width:calc(100% - 10px);
}
.dept-btn {
  overflow-y:auto;

  position: absolute;
  height: 32px;
  text-align: center;
  background: #fff;
  border: 1px solid #F1F3F6;
  border-radius: 20px;
  border-radius: 20px;
}
#nac {
  position: absolute;
  left:0px;
  width: 84px;
}
#tumor {
  position: absolute;
  left: 0px;
  width: 71px;
}
#kidney {
  position: absolute;
  left: 77px;
  width: 71px;
}
#gyn {
  position: absolute;
  left: 154px;
  width: 71px;
}
#ped {
  position: absolute;
  left: 231px;
  width: 71px;
}
#emg {
  position: absolute;
  left: 308px;
  width: 71px;
}

.dept-btn > span {
  line-height: 32px;
  font-size: 15px
  }

.service {
  position:absolute;
  line-height: 24px;
}

.gyn-s-categ {
  color:#c2c2c2;
  padding-left: 5px
}

#gyn-s-1 {
  position: absolute;
  top:25px;
  left:0px
}

#gyn-s-2 {
  position: absolute;
  top:25px;
  left:50%;
  line-height:24px
}

#emg-s {
  position: absolute;
  top:25px;
  left:0px
}

#hospital-legend {
  display: none;
  position: absolute;
  /* overflow-y:auto; */

  left: calc(100% - 120px);
  width: 118px;
  top: calc(62% - 124px);
  height: 122px;

  font-size:16px;
  z-index: 1500;
  background-color: #e2e2e2;
  opacity: 0.9;
  line-height: 22px;

  border-radius: 4px 4px 4px 4px;
}

#hList {
  position: absolute;
  bottom:0px;
  height:38%;
  width:100%;
  background-color: #f2f2f2;
  z-index:1500;
  border-radius: 5px 5px 0px 0px;
}

.spec-label {
  margin-left:20px;
  margin-top:-24px;
  display: block;
  width:60%;
  line-height: 22px;
}

.side-panel-title {
  position: absolute;
  margin-left: 3px;
  margin-top:2px;
  margin-bottom:2px;
  font-size:16px;
}
.side-panel-title-sub {
  display: inline-block;
  position: absolute;
  margin-left: 3px;
  margin-top:2px;
  margin-bottom:2px;
  font-size:15px;
}
#dept-prompt {
  left:5px;
  top:2px;
}

#svc-cont {
  /* overflow-y:auto; */
  position: absolute;
  top:62px;
  left:5px;
  min-height:10px;
  max-height:600px;
  width:calc(100% - 10px);
}

.service {
  /* overflow-y:auto; */
  /* height: 0px; */
  position:absolute;
  width:100%
}

#ranking-cont {
  position: absolute;
  overflow-y: auto;
  padding:0px;
  margin-top:4px;
  left:5px;
  width: calc(100% - 11px);
  top: 40px;
  background-color: #fff;
  height: calc(100% - 54px);
  border-style: solid;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;

  border-radius: 7px;
  border-color: #666
}

.ranking-el {
  background-color: #fff;
  position: relative;
  /* height:50px; */
  margin:2px 4px 2px 4px;
  border-color:#bbb;
  border-style: solid;
  /* border-width: 1px; */
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-radius:5px;
  
  /* box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1) */
}

.ranking-el-sep {
  position:absolute;
  bottom: 5px;
  left:50%;
  width: 90%;
  /* border-width:0px;
  border-bottom-width: 0px;
  border-top-width: 2px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style:solid;
  border-color:#aaa */
}

/* line1 forma.t */
.key-info.line1 {
  position: absolute;
  /* display: flex; */
  width: 100%;

}
.key-info.hospital-name {
  float:left;
  margin-left:5px
}
.key-info.line2 {
  padding-top:7px;
}
.key-info.dist {
  text-align:right;
  padding-top:5px;
  margin-right:5px;
  /* color: #9EA0A5; */
}
.key-info.addr {
  text-align:right;
  margin-right:4px;
  /* color: #9EA0A5; */
}

/* line2 format*/
.key-info.line2 {
  position: absolute;
  display: inline-block;
  width: 100%;
}
.key-info.services {
  text-align:center;
  height:22px;
  border-radius: 10px;
  line-height: 22px;
  float:left;
}
.key-info.all-services {
  background-color: #00c820;
  color:#fff;
  padding: 0px 5px 0px 5px;
  margin-left:4px
}
.key-info.some-services {
  background-color: #d38000;
  color:#fff;
  padding: 0px 5px 0px 5px;
  margin-left: 4px;
}

.det-info {
  text-align:5px;
  line-height: 18px;
  padding-top:10px;
}

#locations {
  position: absolute;
  right: 0px;
  bottom: 181px;
  font-size:15px;
  z-index: 1500;
  background-color: #e2e2e2;
  opacity: 0.9;
  line-height: 26px;
}
#contourfLegend {
    position: absolute;
    right: 0px;
    bottom: 0px;
    font-size:15px;
    z-index: 1500;
    background-color: #e2e2e2;
    opacity: 0.9;
    line-height: 26px;
  }
#contourfLegend i {
    width:15px;
    height:15px;
    float:left;
    margin-top: 4px;
      margin-bottom: 4px;
      margin-left: 8px;
    margin-right: 8px;
    opacity: 0.8;
    z-index:1550;
}

#userDefLoc{
  position:absolute;
  z-index:4000;
  width:20px;
  height:20px;
  background-color:rgba(0, 0, 0, 0)
}

.leaflet-heatmap-layer333 {
  z-index:2000; 
}

.hospitalPerspective {

}
.src-lookup-prompt {
  pointer-events: none !important;
}

.src-lookup-prompt-svg {
  pointer-events: none !important;
}

.src-lookup-prompt-circle {
  pointer-events: auto !important;
}
